<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <script src="./js/echarts/echarts.5.0.0.js"></script>
    <script src="./js/echarts/theme/shine.js"></script>
    <title>ECharts柱状图取消x,y轴</title>
</head>
<style>
    #chart-1 {
        width: 800px;
        height: 400px;
        display: inline-block;
    }
</style>
<body>
<div id="chart-1"></div>
</body>
<script>
    echarts.init(document.getElementById("chart-1"), "shine", {renderer: "svg"}).setOption({
        color: ['#3398DB'], // 图表颜色
        title: {
            text: 'ECharts柱状图取消x,y轴'
        },
        xAxis: {
            type: 'category',
            data: ['1:00', '2:00', '3:00', '4:00', '5:00', '6:00', '7:00', '8:00'],
            show: false, // 隐藏x
        },
        yAxis: {
            show: false, // 隐藏x
        },
        grid: {
            top: 30,
            left: 0,
            bottom: 0,
            right: 0
        },
        tooltip: {},
        series: {
            name: '上月平台用户数',
            type: 'bar',
            barWidth: '50%', // 图表宽度
            data: [100, 120, 90, 150, 100, 120, 90, 150],
        }
    })

</script>
</html>
